<template>
	<div class="base-tip text-t-3 flex">
		<div v-if="!hideIcon" class="h-[18px] flex items-center mr-[2px]">
			<base-icon :name="name" />
		</div>
		<span class="text-sm leading-normal">
			<slot>
				<base-text :text="text" :textT="textT" />
			</slot>
		</span>
	</div>
</template>

<script setup lang="ts">
import BaseIcon from '@/components/base/icon/index.vue'
import BaseText from '@/components/base/text/index.vue'

defineProps({
	name: {
		type: String,
		default: 'about'
	},
	text: {
		type: String,
		default: ''
	},
	textT: {
		type: [String, Array],
		default: ''
	},
	hideIcon: {
		type: Boolean,
		default: false
	}
})
</script>
